欢迎来到专业设计师学习交流社区
三分设|连接知识,帮助全球 1 亿设计师成长
本文共 4328 字,预计阅读 11 分钟,记得点击上面的蓝字关注我们哟!
译者推荐|新手引导几乎是每个产品必备的环节之一,也是用户进入产品的第一个欢迎仪式。甚至在一些产品设计中,新手引导的效果对用户留存产生重要的作用。那么针对如此重要的体验环节,我们如何才能设计出更好、更高效的新手引导呢?本文通过列举几个新手引导的常见陷阱,为我们提供了答案。
你有没有想过为什么一个用户新手引导体验,在别的产品里应用得非常好,而在自己的产品上却行不通?当我们注重设计的样式,却没有充分理解他们其中的教育观念时,就会发生这种情况。即使 UI 组件经常变化,衡量引导设计做得好坏的核心概念却很少改变。不理解这些核心概念,就可能意味着新手引导体验的失败。“活跃用户的悖论”是由 IBM 的研究员 Mary Beth Rosson 和 John Carroll 在1980年代的一次研究中首次提出的。当观察桌面排版软件的新用户时,一个出乎意料的行为被挖掘了出来:这些用户几乎很少阅读软件的用户指南。取而代之的是,这些“活跃用户”会把软件的用法直接试出来——即使这意味着会犯下本可避免的错误,陷入死胡同。(在 InVison Freehand 网站列出入职流程,以方便引导新手。)尽管这些研究者知道如果新用户花点时间去阅读这些用户指南,他们就会得到更多有用的信息,他们也不能设计这个“理想状态”——因为大多数人都不是这样做的。新用户想要直接开始并做一些有意思的事情,而不是把时间浪费在阅读一个手册上。这就是活跃用户的悖论。了解了许多用户在使用过程中倾向于主动学习,意味着我们不能再依赖那些无趣的内容,比如幻灯片介绍或者视频教程。相反,我们需要引导用户与我们的产品进行互动,通过实践让他们了解需要学习的内容。 (正是因为活跃用户的悖论,我们才不得不设计超越简单介绍的引导旅程。插图来自作者)为了解决活跃用户的悖论问题,我们必须把引导融合在用户使用旅程的内容里。这允许新用户根据自己对产品的使用情况以自己的速度学习,而不会给他们带来无关的信息负担。拥有绝佳的预设状态对于引导新用户是一个简单但却非常有利的方法。举个例子,Duolingo(译名:多邻国)是一个语言学习应用,运用它的网站预设状态来帮助用户踏出使用产品的第一步。用户可以马上做一个语言水平测试或者开始他们的第一节语言课。(截图:版权归© 2019 Duolingo所有)
通过亲自参与的语言测试,新用户可以更快地体验到 Duolingo 的基本功能,同时也能让用户为自己的学习目标取得下一步的进展。这样做比起让那些立志学习新语言的用户阅读一篇教学文本或视频要有趣生动多了。另一个提供给新手引导的体验互动就是当用户准备在产品里完成一个任务时,让教学内容出现在他的任务里。IFTTT,一个能让用户用“小程序”来连接不同设备的应用,它允许新用户在解释“小程序”的工作原理之前找到他们感兴趣的“小程序”。在下面的例子中,用户在IFTTT应用程序中找到了一个小程序,它允许用户在商品与保存的搜索匹配时从eBay获得通知,如果用户打开这个小程序,IFTTT 就会利用这一刻告诉用户这个小程序是怎么用的。在用户使用过程中引导用户来避免活跃用户的悖论。一个更具交互性的、内置的方法意味着你不必在独立的教程和视频上投入额外的时间和精力。“双重任务的干扰”是一种现象,这种现象指用户会选择忽视那些妨碍了当前的任务的提醒、通知以及其他弹窗消息。双重任务里的“双重”部分指的是用户需要在同一时间内处理两件事情的情况。举个例子,在一个名为“弊大于利?信息中断是如何让我们变得脆弱的”研究里,杨百翰大学的研究人员与谷歌浏览器团队一起合作去观察人们是怎么跟安全对话框展开互动的。他们发现研究里74%的人在准备关闭一个网页窗口时,会忽略弹窗的安全信息,甚至有更大比例的用户在看一段视频或者传输信息时会忽略这些信息。正因如此,这些任务期间出现的安全对话框才很有可能被忽视。在另一方面,这些研究者发现,在自然停顿的过程中展示这些安全信息,比如当用户正在等待视频加载的时候,高达50%的参与者会减少对这些信息的忽视。当我们设计新手引导时,我们的第一反应是希望把信息做得尽可能明显。不幸的是,我们的解决方式却更倾向于打扰和忽略用户:当新用户打开一个新应用时,会快速略过前面的幻灯片形式的介绍;新的网站访问者会关闭自动播放的欢迎视频;还有现有用户会快速忽略掉打断他们日常工作的新功能对话框。尽管中断似乎是确保新用户看到重要信息的完美方法,但双重任务干扰的概念证明这些弹出窗口经常被忽略。在“弊大于利?”的研究里,研究人员发现,重要的信息在自然停顿时最有可能被注意到。在考虑信息传送的时间时,就要从这里开始。为了避免引发双重任务的干扰,我们必须要注意从何时,何地向用户提供新手指引。例如澳大利亚联邦银行,就是等到用户支付了一次订单后才提示用户设置 siri 的快捷键。(截图:版权归 © 2019 Commonwealth Bank of Australia所有)我们用来展示信息的方法同样会对感知产生干扰影响。覆盖型消息在新手引导中十分常用,然而它们却因为总是出现在界面的最顶层,所以很容易打断用户。指引可以直接嵌入在产品的自然状态中,而不是用一个覆盖型消息来介绍新功能或信息。
例如 Instagram 介绍新功能时的嵌入式指引。这个应用并没有用一个通知对话框去打断用户,而是沿着其他人的故事增加了一个“新”标签。当被查看时,就会带用户了解这些新功能。用自然停顿处来显示消息,以及不要过度依赖于覆盖型消息,都可避免双重任务的干扰。这将确保新用户看到重要的消息而不会忽略它们。预前介绍的意思是所有的提示和学习新内容的步骤都被放在了一段学习体验之前。预前介绍出现在许多行业里:在商界,一家公司会提前把所有可能的协议条款都放在合同里,以避免将来发生争议。还有在正式的选举周期开始前,会先做预期选投以加快选举进程。虽然预前介绍在商业和选举上大有裨益,但它却不能帮助人们学习新的事物,如我们的产品。考虑一下,一个人是怎么学会骑自行车的:他们并没有直接跳上一辆标准的自行车或者直接在一段拥挤的交通路段开始骑行。相反,他们会从辅助轮和一个相对安全的地方开始,直到他们学会应对更有挑战性的骑行情况。很多设计师都认为一次性提供所有的新手引导,足以确保新用户顺利操作产品。不幸的是,这样做只会让用户不知所措,还会让他们在后续的操作中得不到任何的支援。为了避免预前介绍,我们应该分解我们希望新用户掌握的任务,并逐步地、有间隔地对这些任务进行培训。在课堂上,教学支架①描述了教师如何通过分阶段提供支持来帮助学生掌握概念。而且,在一篇“必须废除报名表”的帖子中,Luke Wroblewski 谈到了使用一个类似“逐步参与”的方法,有效地将注册流程分解为若干块,从而帮助用户了解填写它们的价值。①教学支架:在教育学上称为“鹰架理论”,又名支架式教学(Scaffolding Instruction或 Instructional Scaffolding),指学生在学习一项新的概念或技巧时,透过提供足够的支援来提高学生的学习能力的教学方法。在两个案例中,建议都是一样的:为了更有效率地引导新用户,我们需要逐步引导,而不是一次性全部提供。确定你需要新用户掌握的关键设置操作。然后把这些行为分解成三个部分:触发点、活动过程、后续跟进。将教学应用到每个部分,创建一个逐步支持的引导流程。下面是从 Slack 应用中选取的“创建新帐号”例子,展示了他们是怎样用一个简单但有效的方式,把新手指引分解成触发点、活动过程和后续跟进三部分的。
(截图:版权归 © 2019 Slack有限公司所有)首先,我们看到了触发新用户创建帐号的指引。它从同事发起进入工作空间的一封邀请邮件开始。此处的引导简单陈述了加入的价值,并设置了一个预期,提醒用户下一个流程是注册。当用户点击“立即加入”,他们会被指引到 Slack 网站上的一个注册表单,该表单代表创建账户操作的活动状态。在这种状态下的指引会再次确认他们加入的工作空间的名称,并指引用户完成任务,主要是利用每个表单字段下方的提示文本。
(截图:版权归 © 2019 Slack有限公司所有)点击“创建帐号”完成动作,并使用户进入后续跟进状态。此处的确认信息提供了一个简短思考的时间,同时通过邀请更多的同事来提示用户进行下一步。(截图:版权归 © 2019 Slack有限公司所有)把应用的指引分步骤完成,不只是对设置和注册流程有效,它还能帮助新用户了解功能。举个例子,Twitter 用触发点、活动过程、后续跟进的引导方法介绍了应用里的拍照功能。触发的引导会出现在工具栏的提示里,在撰写推文期间会给用户一直提示新的功能。活动过程将引导他们完成启用系统权限和拍照的子任务。最后后续跟进引导会重新把用户引导到他们的推文列表里,供他们查看自己最新发布的内容,同时继续浏览应用里的内容。了解入门设计中常见的陷阱,例如活跃的用户悖论、双重任务干扰和预前介绍,可以帮助我们做出更好的选择来避免这些问题。甚至只需解决这三个陷阱中的一个,为产品、为用户提供的新手引导就会更有效。原文:https://www.invisionapp.com/inside-design/3-user-onboarding-pitfalls-every-designer-should-avoid/?itm_campaign=default&itm_source=homefeatured&itm_medium=website&itm_content=default}